<template>
  <div class="demo">
    <h1>{{msg}}</h1>
    <h2>学生名字:{{ name }}</h2>
    <button @click="sendName">点我给App发name</button>
    <button @click="demo">点我触发demo</button>
    <button @click="unbind">点我解绑发name事件</button>
    <button @click="death">点我销毁vm</button>
  </div>
</template>

<script>
export default {
  name: 'veu-student',
  data() {
    return {
      msg:'欢迎来到德莱联盟',
      name:'张三',
      a:0
    }
  },
  methods:{
    sendName() {
      //触发cty事件第一个参数:事件的名字 第二个参数:事件的参数
      this.$emit('cty',this.name);
    },
    demo() {
      this.$emit('demo');
    },
    unbind() {
      //解绑自定义事件  解绑一个
      // this.$off('cty');
      //解绑多个自定义事件
      // this.$off(['cty','demo'])
      //解绑所有自定义事件
      // this.$off()
    },
    death() {
      //销毁vc 自定义方法失效 销毁vm同理
      this.$destroy();
    }
  },
}
</script>


<style scoped>
.demo {
  background-color: skyblue;
}
</style>